<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        前面说了，移动端开发目前一共两种方式，响应式和单独制作移动端页面。这节我们细聊一下

        单独制作移动端页面:
            - 流式布局(百分比布局)
            - flex弹性布局(强烈推荐)
            - less + rem + 媒体查询布局
            - 混合布局

        响应式页面兼容移动端(其次)
            - 媒体查询
            - bootstrap
     -->
</body>
</html>